@import url("../publicStyle.less");

.telecomLicense-details-container {
  .telecomLicense-info {
    .widthAndHeight(100%, calc(100vh - 100px));
    padding: 0 20px 20px;
    box-sizing: border-box;
    background-color: @ZebraCrossing;
    .contentOverflowRoll();

    .essential-info,
    .annual-info {
      h3 {
        .DetailsText();
        padding: 42px 0;
      }

      &>div {
        // border-radius: 8px;
        box-shadow: 0 0 5px @AssistLightGrey;
        .background(url("@{images}/eq_bg_3.png"));
        p {
          display: flex;
          justify-content: space-between;
          .PromptInfo();
          padding: 24px 16px;
          border-bottom: 2px solid @AssistLightGrey;

          &:last-of-type {
            border-bottom: none;
          }

          &>span:first-of-type {
            width: 224px;
            margin-right: 24px;
          }

          &>span:last-of-type {
            flex: 1;
            text-align: right;
            word-break: break-all;
            color: @ContentText;
          }
        }
      }
    }
  }
}
